<?php
session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Language Independent & Cross -Platform Mobile Applications Development Kit</title>
        <link rel="shortcut icon" href="img/img.jpg" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta http-equiv="imagetoolbar" content="no" />
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta name="author" content="" />
	<meta name="copyright" content="" />	  
	<meta name="revisit-after" content="3 days" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<!--[if IE]><link href="css/ie-transparency.css" rel="stylesheet" type="text/css" /><![endif]-->    
	
	
        <link type="text/css" href="css/blitzer/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
        <link href="css/validation/validationEngine.jquery.css" rel="stylesheet" type="text/css" media="screen" />
        <link href="css/tooltip.css" rel="stylesheet" type="text/css" media="screen" />
        
        <!--        load jquery -->
        <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
        <script language='javascript' src='Includes/FusionCharts.js'></script>

        <!--        load jquery UI -->
        <script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
        <!--        load validation-->
        <script src="js/validation/jquery.validationEngine-en.js" type="text/javascript"></script>
        <script src="js/validation/jquery.validationEngine.js" type="text/javascript"></script>	
        <!--        load tooltips -->
        <script src="js/tooltip.js" type="text/javascript"></script>		
        <!--        load other custom functions -->
        <script src="js/helper/functions.js" type="text/javascript"></script>
	
</head>

<body>
<ul class="hide"><li><a href="#body">Skip to content</a></li></ul>
<div id="container">     
	<div id="header">
            <h2><img src="img/header.png"</h2>		
	</div>
    
	<div id="body">
            
		<ul id="nav">
                    <li <?php if($page=='index'){?>class="on"<?php } ?> ><a href="index.php" >Home Page</a></li>
                    <li <?php if($page=='main_forum'){?>class="on"<?php } ?> ><a href="chat/main_forum.php">Discussion Forum</a></li>
                   <?php if (isset($_SESSION['username'])) {?>
                    <li <?php if($page=='add_app'){?>class="on"<?php } ?> > <a href="add_app.php">My Apps</a></li>
                    <li ><a href="logout.php">Logout <?php echo $_SESSION['username']; ?></a></li>
                    <?php }else{?>
                    <li <?php if($page=='logins'){?>class="on"<?php } ?> ><a href="logins.php">User Accounts</a></li>
                    <?php } ?>
		</ul>
            